* {
  margin: 0;
  padding: 0;
}
/* =============================================== */
.browser {
  position: fixed;
  height: 50px;
  width: 100%;
  background-color: rgba(222, 0, 91, 0.83);
  bottom: 0;
  z-index: 200000;
  display: none;
}
.browser-flex {
  flex: 1;
}
.browser-main {
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  float: left;
  padding-left: 30px;
}
.browser-close {
  float: right;
  width: 50px;
  font-size: 18px;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.ia-index {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-color: rgba(113, 113, 113, 0.97);*/
  display: flex;
  flex-direction: column;
  min-width: 800px;
  min-height: 500px;
}
.ia-index-header {
  height: 60px;
  background-color: #000000;
  display: flex;
}
.ia-index-header-left {
  width: 300px;
  /*background-color: #353535;*/
  /*border-right: 1px solid #ffffff;*/
  line-height: 60px;
  text-align: center;
  color: #ffffff;
}
.ia-index-header-left > img {
  height: 30px;
  margin-right: 10px;
}
.ia-index-header-right {
  flex: 1;
  display: flex;
}
.ia-index-header-display {
  width: 30px;
  line-height: 60px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s linear;
  text-align: center;
}
.ia-index-header-home {
  width: 30px;
  line-height: 60px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s linear;
  text-align: center;
}
.ia-index-header-refresh {
  width: 30px;
  line-height: 60px;
  color: #ffffff;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s linear;
  text-align: center;
}
.ia-index-header-refresh-anim {
  animation: refresh 1s linear infinite;
}
@keyframes refresh {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ia-index-header-user-ul {
  height: 60px;
  float: right;
}
.ia-index-header-user-ulname {
  height: 60px;
  line-height: 60px;
  color: #ffffff;
  cursor: pointer;
  padding: 0px 10px;
}
.ia-index-header-user-ulname:hover {
  background-color: #262626;
}
.ia-index-header-user-ul > li {
  height: 60px;
  list-style: none;
}
.ia-index-header-user {
  flex: 1;
}
.ia-index-header-refresh:hover,
.ia-index-header-display:hover,
.ia-index-header-home:hover {
  color: #c3c3c3;
}
.ia-index-header-title {
  flex: 1;
  line-height: 60px;
  color: #ffffff;
}
.ia-main {
  flex: 1;
  /*background-color: #000088;*/
  display: flex;
}
.ia-main-left {
  width: 300px;
  background-color: #efefef;
  border-right: 1px solid #c6c6c6;
  box-sizing: border-box;
  overflow: auto;
  overflow-x: hidden;
}
.ia-main-right {
  flex: 1;
  /*background-color: #cea08a;*/
  display: flex;
  flex-direction: column;
}
.ia-main-ul {
  height: auto;
  width: auto;
  /*padding-left: 30px;*/
}
.ia-main-ul > li {
  line-height: 40px;
  border-bottom: 1px solid #c6c6c6;
}
.ia-main-ul > li > span {
  height: 30px;
  width: 30px;
  padding-left: 20px;
}
.ia-main-ul-rightspan {
  float: right;
}
.ia-main-childen-ul {
  display: none;
}
.ia-main-childen-ul > li {
  list-style: none;
  padding-left: 40px;
  cursor: pointer;
  font-size: 14px;
  color: #585858;
}
.ia-main-childen-ul > li:hover {
  background-color: #bebebe;
}
.NavClick {
  color: #364a52;
  cursor: pointer;
}
.NavClick:hover {
  color: #6e97a7;
}
.NavClickIcon {
  transform: rotate(90deg);
  animation: NavIcon 0.2s linear;
}
.NavClickIconDeg {
  transform: rotate(0deg);
  animation: NavIconDeg 0.2s linear;
}
@keyframes NavIcon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes NavIconDeg {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.ia-main-right-top {
  height: 40px;
  background-color: #efefef;
  border-bottom: 1px solid #c6c6c6;
  display: flex;
}
.ia-main-right-top-title {
  flex: 1;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.ia-main-right-top-center {
  position: absolute;
  width: auto;
}
.ia-main-right-top-center-ul {
  width: auto;
  height: 40px;
}
.ia-main-right-top-center-ul > li {
  list-style: none;
  float: left;
}
.ia-main-right-top-nav {
  width: 80px;
  display: flex;
}
.ia-main-right-top-nav > span {
  flex: 1;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.ia-main-right-top-nav > span:hover {
  background-color: #b4b1b2;
}
.ia-main-right-top-main {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer;
}
.ia-main-right-top-main-first {
  background-color: #747474;
  color: #ffffff;
}
.xxicon {
  padding-left: 5px;
}
.ia-main-right-bottom {
  flex: 1;
  /*background-color: #364a52;*/
  position: relative;
}
.ia-main-right-bottom-main {
  position: absolute;
  height: 100%;
  width: 100%;
}
.ia-main-right-bottom-main > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ia-main-right-load {
  position: absolute;
  width: 80%;
  height: 3px;
  animation: loading 4s linear;
  background-color: #4288ce;
}
@keyframes loading {
  0% {
    width: 0%;
  }
  10% {
    width: 10%;
  }
  30% {
    width: 10%;
  }
  50% {
    width: 50%;
  }
  60% {
    width: 50%;
  }
  80% {
    width: 80%;
  }
}
/* =============================================== */
@font-face {
  font-family: 'iconfont';
  src: url('../iceyadminicon/iconfont.eot');
  src: url('../iceyadminicon/iconfont.eot?#iefix') format('embedded-opentype'), url('../iceyadminicon/iconfont.woff') format('woff'), url('../iceyadminicon/iconfont.ttf') format('truetype'), url('../iceyadminicon/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.scrollbar {
  /*width:450px;*/
  /*height:300px;*/
  /*margin:100px auto;*/
  /*border: 1px #eee solid;*/
  /*background-color:#eee;*/
  /*display:inline-block;*/
  /*overflow: auto;*/
  -webkit-overflow-scrolling: touch;
}
/*凹槽宽度*/
.scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/*拖动条*/
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #696969;
  border-radius: 6px;
}
/*背景槽*/
.scrollbar::-webkit-scrollbar-track {
  background-color: #ddd;
  border-radius: 6px;
}
/* .IA-Alert-Main{position: fixed;z-index: 9999999999;right: 0px;height: auto;display: flex;flex-direction: column}
.IA-Alert{padding:10px 30px;color:#ffffff;background-color: #2e6da4;animation:IA-Alert-Animato 2s forwards  }
@keyframes IA-Alert-Animato {
    0%{display: block;opacity: 1}
    70%{display: block;opacity: 1}
    100%{display: none;opacity: 0}
} */
.IA-Input {
  border-left: 2px solid  #414141;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
}
.IA-Table {
  width: 100%;
  text-align: center;
}
.IA-Table thead {
  font-weight: bold;
  background-color: #696969;
  color: #ffffff;
}
.IA-Table td {
  border: 1px solid #cccccc;
}
.IA-BJ {
  cursor: pointer;
}
.IA-Button {
  padding: 10px 30px;
  outline: none;
  border: 0px;
  cursor: pointer;
}
.IA-Submit {
  background-color: #414141;
  color: #ffffff;
}
.IA-Submit:hover {
  background-color: #383838;
}
.IA-Submit:active {
  background-color: #141313;
}
.IA-Clean {
  background-color: #F85050;
  color: #ffffff;
}
.IA-Clean:hover {
  background-color: #E73939;
}
.IA-Clean:active {
  background-color: #C71313;
}
.IA-Select-LR-Head {
  width: 840px;
  height: 50px;
  display: flex;
}
.IA-Select-LR-Head-left {
  width: 400px;
  height: 100%;
  border: 1px ;
  text-align: center;
}
.IA-Select-LR-Head-center {
  flex: 1;
  text-align: center;
  line-height: 500px;
}
.IA-Select-LR-Head-right {
  width: 400px;
  height: 100%;
  border: 1px ;
  text-align: centerC;
}
.IA-Select-LR-Main {
  width: 840px;
  height: 500px;
  display: flex;
}
.IA-Select-LR-Main-left {
  width: 400px;
  height: 100%;
  border: 1px solid #cccccc;
  overflow: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.IA-Select-LR-Main-center {
  flex: 1;
  text-align: center;
  line-height: 500px;
}
.IA-Select-LR-Main-right {
  width: 400px;
  height: 100%;
  border: 1px solid #cccccc;
  overflow: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.IA-Tab {
  width: 250px;
  height: 200px;
  border: 1px solid #cccccc;
  display: flex;
  flex-direction: column;
}
.IA-Tab-Head {
  height: 35px;
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
}
.IA-Tab-Value {
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
}
.IA-Tab-Main {
  flex: 1;
  overflow: auto;
  overflow-x: hidden;
}
.IA-Tab-Main-Title {
  height: auto;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  list-style: none;
}
.IA-Tab-Main-Title > span {
  font-weight: bold;
}
.IA-Tab-Main-List > li {
  font-size: 12px;
  color: #414141;
  list-style: none;
  padding-left: 20px;
  cursor: pointer;
}
.IA-Tab-Main-List > li:hover {
  background-color: #414141;
  color: #ffffff;
}
.IA-Image {
  height: 100px;
  width: 100px;
  background-color: #cccccc;
  position: relative;
  cursor: pointer;
}
.IA-Image-Main {
  height: 100%;
  width: 100%;
  position: absolute;
}
.IA-Image-Loading {
  animation: IAImageLoad 3s infinite;
}
.IA-Image-Input {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
@keyframes IAImageLoad {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.IA-Alert {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(66, 66, 66, 0.54);
  z-index: 2147483584;
  animation: IAAlertShow 0.3s;
}
@keyframes IAAlertShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.IA-Alert-Main {
  height: 120px;
  width: 250px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -145px;
  border-radius: 5px;
}
.IA-Alert-Main-Header {
  text-align: center;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #cccccc;
  border-radius: 5px 5px 0 0;
}
.IA-Alert-Main-close {
  height: 20px;
  width: 20px;
  float: right;
  cursor: pointer;
}
.IA-Alert-Main-Message {
  font-size: 14px;
  color: #494949;
  padding: 10px;
}
.IA-Alert-Loading {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(66, 66, 66, 0.54);
  z-index: 2147400000;
  animation: IAAlertShow 0.3s;
}
.IA-Alert-Loading > div {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  background-image: url("/IA/image/IAImageLoad.png");
  background-size: cover;
  animation: IALoading 3s infinite;
}
@keyframes IALoading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes IAIframe {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.IA-Iframe {
  position: fixed;
  height: 100%;
  width: 100%;
  animation: IAIframe 0.3s;
  z-index: 2147400000;
}
.IA-Iframe .IA-Iframe-Main {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}
.IA-Iframe .IA-Iframe-Main .IA-Iframe-Header {
  height: 50px;
  border-bottom: 3px solid #cccccc;
  box-sizing: border-box;
  line-height: 50px;
  text-align: center;
}
.IA-Iframe .IA-Iframe-Main .IA-Iframe-Header .iconfont {
  float: right;
  margin-right: 10px;
  cursor: pointer;
}
.IA-Iframe .IA-Iframe-Main iframe {
  height: 100%;
}
.IA-Iframe .IA-Iframe-Main .IA-Iframe-bottom {
  height: 70px;
  border-top: 3px solid #cccccc;
  box-sizing: border-box;
  text-align: center;
}
.IA-Iframe .IA-Iframe-Main .IA-Iframe-bottom .IA-Button {
  margin: 10px auto;
}
.IA-SelectBox {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 2px solid #000000;
}
.IA-SelectBox .IA-SelectBox-Header {
  height: 30px;
  display: flex;
  border-bottom: 2px solid #000000;
}
.IA-SelectBox .IA-SelectBox-Header .IA-SelectBox-Header-ICO {
  width: 30px;
  text-align: center;
  line-height: 30px;
  border-right: 2px solid #000000;
}
.IA-SelectBox .IA-SelectBox-Header input {
  border: 0px;
  outline: none;
  flex: 1;
  height: 100%;
  width: 100%;
}
.IA-SelectBox .IA-SelectBox-Center {
  flex: 1;
  overflow: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.IA-SelectBox .IA-SelectBox-Center .IA-Select-Box-Option {
  height: 30px;
  padding-left: 5px;
  line-height: 30px;
  cursor: pointer;
}
.IA-SelectBox .IA-SelectBox-Center .IA-Select-Box-Option:hover {
  background-color: #424242;
  color: #ffffff;
}
.IA-SelectBox .IA-SelectBox-Main {
  height: 30px;
  border-top: 2px solid #000000;
  text-align: center;
  line-height: 30px;
  display: flex;
}
.IA-SelectBox .IA-SelectBox-Main .IA-SelectBox-Main-Left {
  width: 30px;
  font-size: 12px;
  border-right: 2px solid #000000;
}
.IA-Img {
  height: 100%;
  width: 100%;
  background-color: #cccccc;
  display: flex;
}
.IA-Img .IA-Img-Left {
  flex: 1;
  position: relative;
  overflow: auto;
  overflow-y: hidden;
}
.IA-Img .IA-Img-Left .IA-Img-Left-main {
  position: absolute;
  width: auto;
  height: 100%;
  display: flex;
}
.IA-Img .IA-Img-Left .IA-Img-Left-main .IA-Img-Main {
  position: relative;
  width: 120px;
}
.IA-Img .IA-Img-Left .IA-Img-Left-main .IA-Img-Main span {
  position: absolute;
  right: 3px;
  top: 3px;
  cursor: pointer;
  z-index: 2;
  background-color: #cccccc;
  border-radius: 100%;
}
.IA-Img .IA-Img-Left .IA-Img-Left-main .IA-Img-Main img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.IA-Img .IA-Img-Right {
  height: 120px;
  width: 120px;
  position: relative;
}
.IA-TabPage {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 2px solid #CCCCCC;
  box-sizing: border-box;
}
.IA-TabPage .IA-TabPage-Header {
  height: 30px;
  border-bottom: 2px solid #cccccc;
  box-sizing: border-box;
  position: relative;
  overflow: auto;
  overflow-y: hidden;
}
.IA-TabPage .IA-TabPage-Header .IA-TabPage-Header-Main {
  width: auto;
  height: 30px;
  line-height: 30px;
}
.IA-TabPage .IA-TabPage-Header .IA-TabPage-Header-Main li {
  float: left;
  list-style: none;
  padding: 0 10px;
  cursor: pointer;
  font-size: 13px;
}
.IA-TabPage .IA-TabPage-Header .IA-TabPage-Header-Main li:hover {
  color: #cccccc;
}
.IA-TabPage .IA-TabPage-Main {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  flex: 1;
}
.IA-TabPage .IA-TabPage-Main .IA-TabPage-Main-Index {
  position: absolute;
  display: none;
}
.IA-TabPage .IA-TabPage-Main .IA-TabPage-Main-Index:nth-child(1) {
  display: block;
}
